<template>
  <div class="dialog-mask">
    <div>{{this.alertInfo}}</div>
  </div>
</template>

<script>
export default {
  name: 'DetailDialog',
  props: {
    alertInfo: String
  }
}
</script>

<style lang="stylus" scoped>
  @import "~styles/variable"
  .dialog-mask
    display: flex
    justify-content: center
    width: 50%
    border-radius: .2rem
    position: relative
    padding: .4rem
    font-size: .8rem
    opacity: .8
    background-color: $color-background
    border: 1px solid $color-background
    color: #fff
</style>
